import React from 'react'
import l1 from '../../assets/l-1.png'
import l2 from '../../assets/l-2.png'
import l4 from '../../assets/l-4.png'
import l5 from '../../assets/l-5.png'
import { facetype } from '../types'

type Porps = {
    type: facetype
    settype: (type: facetype) => void
}


export default function (porps: Porps) {
    const { type, settype } = porps

    return <div className="facetype">
        <img onClick={() => settype('head')} src={type === 'head' ? l5 : l4} />
        <img onClick={() => settype('face')} src={type === 'head' ? l1 : l2} />
    </div>
}